<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/templateList.xhtml">

	<ui:define name="body">
	
		<table align="right">
			<tr>
				<td>
					<h:commandButton immediate="true"
						onclick="abrirPopup('help_online/help_cliente_list.seam');" 
						title="Ajuda Online"
						alt="Ajuda Online"
						image="img/help_peq.jpg"/>
				</td>
			</tr>
		</table>
		
		<h2 class="title"><a href="#">Gerenciar Clientes</a></h2><br/>
		
			<h:form id="listClienteForm">
		        <rich:dataTable value="#{manterClienteController.listaClientes}" var="_cliente"
		        	rows="10"
		        	id="tabelaClientes">
		        	
		        	<f:facet name="header">
		        		<rich:columnGroup>
		        			<rich:column>
			        			<h:selectBooleanCheckbox value="#{manterClienteController.selecionadoTodos}">
			        				<a:support event="onchange" action="#{manterClienteController.selecionaTodos}"
			        					reRender="tabelaClientes"/>
			        			</h:selectBooleanCheckbox>
		        			</rich:column>
		        			
		        			<rich:column>
		        				<h:outputText value="NOME" />
		        			</rich:column>
		        			
		        			<rich:column>
		        				<h:outputText value="CELULAR" />
		        			</rich:column>
		        			
		        			<rich:column>
		        				<h:outputText value="RESIDENCIAL" />
		        			</rich:column>
		        			
		        			<rich:column>
		        				<h:outputText value="" />
		        			</rich:column>
		        		</rich:columnGroup>
		        	</f:facet>
		        
		        	<rich:column>
		        		<f:facet name="header">
		        				
		        		</f:facet>
		        		<h:selectBooleanCheckbox value="#{_cliente.selecionado}"/>
		        	</rich:column>
		        	
		        	<rich:column filterMethod="#{manterClienteController.filtrarClientesPorNome}">
		        		<f:facet name="header">
		        			<h:inputText value="#{manterClienteController.filtroNome}" id="inputNome"
		        				title="Digite o filtro e aguarde a pesquisa automática">
		                        <a:support event="onkeyup" reRender="tabelaClientes, scroller"
		                            ignoreDupResponses="true" requestDelay="400"
		                            oncomplete="setCaretToEnd(event);"/>
		                    </h:inputText>
		        		</f:facet>
		        		<h:outputText value="#{_cliente.dscNome}"/>
		        		<a:queue ignoreDupResponses="true"/>
		        		
		        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>E-mail:</strong><h:outputText value="#{_cliente.dscEmail}"/> 
											<strong>Cidade:</strong><h:outputText value="#{_cliente.dscCidade}"/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
						
		        	</rich:column>
		        	
		        	<rich:column filterMethod="#{manterClienteController.filtrarClientesPorTelCel}">
		        		<f:facet name="header">
							<h:inputText value="#{manterClienteController.filtroTelCel}" id="inputTelCel"
		        				title="Digite o filtro e aguarde a pesquisa automática"
		        				style="width:60px;">
		                        <a:support event="onkeyup" reRender="tabelaClientes, scroller"
		                            ignoreDupResponses="true" requestDelay="400"
		                            oncomplete="setCaretToEnd(event);"/>
		                    </h:inputText>
						</f:facet>
		        		<h:outputText value="#{_cliente.telCelular}"/>
		        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>E-mail:</strong><h:outputText value="#{_cliente.dscEmail}"/>
											<strong>Cidade:</strong><h:outputText value="#{_cliente.dscCidade}"/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
		        	</rich:column>
		        	
		        	<rich:column filterMethod="#{manterClienteController.filtrarClientesPorTelRes}">
		        		<f:facet name="header">
		        			<h:inputText value="#{manterClienteController.filtroTelRes}" id="inputTelRes"
		        				title="Digite o filtro e aguarde a pesquisa automática"
		        				style="width:60px;">
		                        <a:support event="onkeyup" reRender="tabelaClientes, scroller"
		                            ignoreDupResponses="true" requestDelay="400"
		                            oncomplete="setCaretToEnd(event);"/>
		                    </h:inputText>
		        		</f:facet>
		        		<h:outputText value="#{_cliente.telResidencial}"/>
		        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>E-mail:</strong><h:outputText value="#{_cliente.dscEmail}"/>
											<strong>Cidade:</strong><h:outputText value="#{_cliente.dscCidade}"/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
		        	</rich:column>
		        	
		        	<rich:column rendered="#{identity.hasRole('GERENCIAR_CLIENTES_GRAVAR')}">
		        		<f:facet name="header"></f:facet>
		        		<h:commandLink value="EDITAR"
		        			action="#{manterClienteController.editar(_cliente)}"/>
		        	</rich:column>
		        </rich:dataTable>
		        <rich:datascroller for="tabelaClientes" id="scroller"/>
		        
		        <br/>
	            <div class="actionButtons">
		        	<h:commandButton id="remove" value="Excluir" action="#{manterClienteController.excluir}"
		        		rendered="#{identity.hasRole('GERENCIAR_CLIENTES_EXCLUIR')}"
		        		onclick="javascript:if(!confirm('Tem certeza que deseja excluir?'))return false;"/>
		        	<h:commandButton id="new" value="Novo" action="#{manterClienteController.novoCliente}"
		        		rendered="#{identity.hasRole('GERENCIAR_CLIENTES_GRAVAR')}"/>
		        </div>
		        <br/>
		        <div>
		        	Adicione esse link ao seu site para que seus clientes possam efetuar o cadastro no sistema.<br/><br/>
		        	<b>#{manterClienteController.montaUrlClientes()}</b><br/><br/>
		        	<font color="red"><b>Importante:</b></font> Caso o seu cliente já tenha cadastro no sistema (com e-mail) e usuário, basta acessar a página de login do Petsis e realizar o login (http://www.petsis.com.br/login.seam).
		        </div>
		        
	        </h:form>

 </ui:define>
</ui:composition>
